*{
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-family: poppin,'PingFang SC',Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
}
li{
    list-style: none;
}
a{
    text-decoration:none;
    color: black;
}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1498464792063'); /* IE9*/
  src: url('../font/iconfont.eot?t=1498464792063#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1498464792063') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1498464792063') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1498464792063#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-140974828536android:before { content: "\e607"; }

.icon-mac:before { content: "\e616"; }

.icon-window:before { content: "\e501"; }

.icon-mac1:before { content: "\e504"; }

.icon-quanminkge:before { content: "\e72e"; }


/*推荐部分*/
.warpremd{
    width:100%;
}
.remd{
    width:1200px;
    height:610px;
    margin: 0 auto;
}
.index-hd{
    position: relative;
    width: 490px;
    height: 48px;
    padding-top: 80px;
    margin: 0 auto 50px;
}
.tit-sprite{
    display: block;
    margin: 0 auto;
    height: 48px;
    background:url('../images/public/index_tit.png');
    width: 193px;
    background-position: 0 -240px;
}
.remd-list{
    width:1200px;
    height:300px;
    position: relative;
    overflow: hidden;
}
.remd-list li{
    position: absolute;
    top:0px;
    left:0px;
    opacity: 0;
    transition: all 0.3s ease-out;
}
.remd-list li img{
    width:751px;
    height:300px;
    border: none;
    float: left;
}
.remd-list  .p1{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.remd-list  .p2{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 2;
}
.remd-list .p3{
	transform:translate3d(224px,0,0) scale(1);
	z-index: 3;
	opacity: 1;
}
.remd-list  .p4{
	transform:translate3d(449px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 2;
}
.remd-list  .p5{
	transform:translate3d(672px,0,0) scale(0.81);
}
.remd-list  .p6{
	transform:translate3d(896px,0,0) scale(0.81);
}
.btn{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 60px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	color: white;
	text-align: center;
    background: rgba(153,153,153,.4);
	cursor: pointer;
    z-index: 3;
    display: none;
}
.prev{
    left:0;
}
.next{
	right: 0;
}
.btn:hover{
	background: rgba(0,255,0,.8);
}
/*推荐部分结束*/

/*头部开始*/
.mod_header{
    background-color: #fff;
    position: relative;
}
.section_inner{
    padding-top: 90px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.qqmusic_title{
    position: absolute;
    left: 0;
    top: 19px;
}
.mod_top_nav{
    position: absolute;
    left: 225px;
    top: 0;
}

.top_nav__item{
    float:left;
    cursor: pointer;
}
.mod_top_nav li a{
    color: black;
    background: white;
}
.mod_top_nav li a.active{
    background-color: #31c27c;
    color: #fff;
}
.top_nav__item--room a{
    background-color: #31c27c;
    display: block;
    padding: 0 20px;
    line-height: 90px;
    height: 90px;
    text-align: center;
    font-size: 18px;
}
.top_nav__item--mine a{
    display: block;
    padding: 0 20px;
    line-height: 90px;
    height: 90px;
    text-align: center;
    font-size: 18px;
}
.top_nav__item--down{
    display: block;
    padding: 0 20px;
    line-height: 90px;
    height: 90px;
    text-align: center;
    font-size: 18px;
}
.top_nav__item--vip{
    display: block;
    padding: 0 20px;
    line-height: 90px;
    height: 90px;
    text-align: center;
    font-size: 18px;
}
.top_nav__item--mine:hover,.top_nav__item--down:hover,.top_nav__item--vip:hover,.top_login__link:hover,.top_subnav__item:hover{
    color: #31c27c;
}
.mod_top_search{
    position: absolute;
    top: 0;
    right: 294px;
}
.mod_search_input{
    padding: 0 33px 0 15px;
    line-height: 36px;
    height: 36px;
    margin-top: 26px;
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #c9c9c9;
}
.header__opt{
    position: absolute;
    top: 0;
    right: 0;
    height: 90px;
    line-height: 90px;
}
.mod_top_login{
    height: 90px;
    line-height: 90px;
}
.top_login__link{
    position: relative;
    font-size: 16px;
    float: left;
    width: 38px;
    margin-right: 11px;
    text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.js_login{
    line-height: 90px;
}
.top_login__btn_vip{
    margin-top: 24px;
    padding: 0 11px;
    margin-left: 10px;
    margin-right: 0;
    font-size: 13px;
    line-height: 39px;  
}
.mod_btn_green{
    border: 1px solid #31c27c;
    background-color: #31c27c;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
    height: 38px;
    border-radius: 2px;
}
.exit{
    font-size: 12px;
    float: left;
    display: block;
    height: 20px;
    width: 24px;
    margin-top: 36px;
    margin-right: 3px;
    display: none;
    cursor: pointer;
}
.exit:hover{
    color: #31c27c;
}

.top_login__btn_vip1{
    margin-top: 24px;
    padding: 0 11px;
   
    margin-right: 0;
    font-size: 13px;
    line-height: 39px;
    border-radius: 2px;
    display: inline-block;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
    height: 38px;
}
.top_login__btn_vip{
    margin-top: 24px;
    padding: 0 11px;
    margin-left: 10px;
    margin-right: 0;
    font-size: 13px;
    line-height: 39px;
    border: 1px solid #c9c9c9;
    color: #333;
    border-radius: 2px;
    display: inline-block;
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;
    height: 38px;
}
.pointer{
    cursor: pointer;
}
.mod_top_subnav{
    height: 51px;
    line-height: 51px;
    border-top: 1px solid #f2f2f2;
    padding-left: 256px;
}
.top_subnav__item{
    float: left;
    font-size: 15px;
    margin-right: 56px;
    line-height: 51px;
    cursor: pointer;
}
.top_subnav__item a{
    font-size: 15px;
}
.top_subnav__item div{
    display: inline;
}
.top_subnav__item a:hover{
    color: #31c27c;
}
.top_subnav__item a.active{
    font-size: 15px;
    color: #31c27c;
}
.active{
    color: #31c27c;
}
.mod_btn_green:hover{
    background:#2caf6f;
}
.top_login__btn_vip:hover{
    background:#ededed ;
}
.search_input__input{
    width: 200px;
    height: 34px;
    border: 0 none;
    font-size: 14px;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    font: 13.3333px Arial;
    
}
.search_input__input:focus{
    outline:0;
}
.search_input__btn{
    position: absolute;
    top: 0;
    right: 0;
    border: 0 none;
    width: 38px;
    height: 35px;
    overflow: visible;
    cursor: pointer;
    outline: none;
   background: white;
}
.search_input__btn i{
    font-size:18px; 
}
.search_input__btn:hover i{
    color: #31c27c;
}
/*头部结束*/

/*尾部开始*/

.footer{
    background-color: #333;
    clear:both;
}
.footer_tit{
    color: #999;
}
.footer_copyright span{
    color: #999;
}
.footer_link_list__item,.footer_product_list__item,.footer_download_list__item{
    color: #999;
}
.section_inner1{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.footer_info{
    overflow: hidden;
    border-bottom: 1px solid #353535;
    position: relative;
    padding-bottom: 116px;
}
.footer_tit{
    font-size: 15px;
    font-weight: 400;
    padding: 80px 0 46px;
    
}
.footer_download_list{
    margin-left: -29px;
}
.footer_download_list__item{
    float: left;
    text-align: center;
    position: relative;

}
.footer_download_list__item i{
    color: #999;
}
.iconfont{
    display: block;
    margin: 0 29px 12px;
    height: 48px;
    width: 37px;
    background-position: -2px 0;
    font-size: 40px!important;
}
.footer_product{
    position: absolute;
    top: 0;
    left: 476px;
    width: 304px;
}  
.footer_product_list{
    margin-left: -25px;
}  
.footer_product_list__item--pic{
    text-align: center;
    position: relative;
    margin-right: 0;
    text-indent: 0;
} 
.footer_product_list__item--pic i{
    color: #999;
}
.footer_product_list__item{
    float: left;
    margin-bottom: 18px;
    text-indent: 25px;
    margin-right: 5px;
} 
.footer_link{
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    padding-bottom: 57px;
}
.footer_link_list__item{
    float: left;
    min-width: 100px;
    margin-bottom: 12px;
}
.footer_copyright{
    text-align: center;
    line-height: 28px;
    padding: 24px 0;
    font-size: 12px;
}
.footer_download_list__item:hover .iconfont,.footer_download_list__item:hover,.footer_product_list__item:hover{
    color: #31c27c;
}
.footer_link_list__item:hover,.a:hover{
    color: #31c27c; 
}
.footer_product_list__item:hover i{
    color: #31c27c;
}
.icon-quanminkge{
    position: relative;
    left: -30px;
}
.super{
    position: relative;
    left: -24px;
}
.qplay{
    position: relative;
    left: -26px;
}
/*尾部结束*/

/*排行榜开始*/
.mod_index--top{
    background: #121212 url(../images/rank/bg_toplist2.jpg) 50% 0 no-repeat;
}
.mod_index{
    position: relative;
}
.toplist_section_inner{
    height: 830px;
    z-index: 2;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.index__hd{
    position: relative;
    width: 490px;
    height: 48px;
    padding-top: 80px;
    margin: 0 auto 50px;
}
.index__tit{
    font-weight: 400;
    text-align: center;
}
.index__tit_sprite{
    width: 144px;
    display: block;
    margin: 0 auto;
    height: 48px;
    background: url(../images/rank/index_tit.png) no-repeat 0 -120px;
}
.icon_txt{
    font: 0/0 a;
}
.index__line {
    background-color: #fff;
    position: absolute;
    top: 104px;
    width: 72px;
    height: 1px;
    opacity: .1;
}
.index__line--left {
    left: 0;
}
.index__line--right {
    right: 0;
    position: absolute;
    top: 104px;
    width: 72px;
    height: 1px;
    opacity: .1;
}
.index__more {
    top: 128px;
    position: absolute;
    right: 0;
}
.index__more--white {
    font-size: 15px;
    color: #fff;
}
.icon_index_arrow {
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-left: 6px;
    background: url(../images/rank/icon_sprite.png) no-repeat -40px -260px;
}
.index__more:hover{
    color: #31c27c;
}
.index__more:hover .icon_index_arrow{
    background: url(../images/rank/icon_sprite.png) no-repeat -120px -60px;
}
.toplist__item {
    position: relative;
    float: left;
    z-index: 2;
    width: 25%;
    height: 567px;
    overflow: hidden;
}
.mod_cover {
    zoom: 1;
}
.toplist__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 567px; 
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.toplist_b_1{
    background: url(../images/rank/bg_index_top.jpg) no-repeat 0 0;
}
.toplist_b_2{
    background: url(../images/rank/bg_index_top.jpg) no-repeat -300px 0;
}
.toplist_b_3{
    background: url(../images/rank/bg_index_top.jpg) no-repeat -600px 0;
}
.toplist_b_4{
    background: url(../images/rank/bg_index_top.jpg) no-repeat -900px 0;
}
.mod_cover__mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition:All 0.5s ease-in-out;
    -webkit-transition:All 0.5s ease-in-out;
    -moz-transition:All 0.5s ease-in-out;
    -o-transition:All 0.5s ease-in-out;
}
.toplist__item:hover .mod_cover__mask{
    opacity: 0.2;
}
.toplist__line {
    position: absolute;
    left: 50%;
    top: 215px;
    margin-left: -31px;
    width: 62px;
    height: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4CFFFFFF', endColorstr='#4CFFFFFF');
    background: rgba(255,255,255,.3);
}
.toplist__hd {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 110px;
    text-align: center;
}
.toplist__tit_top {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 66px;
    height: 24px;
    margin-bottom: 8px;
    background: url(../images/rank/index_tit.png) no-repeat 0 -300px;
}

.toplist__tit_pop {
    height: 36px;
    line-height: 1;
    font-size: 36px;
    color: #fff;
    font-weight: 400;
}
.toplist__songlist, .toplist__songlist .js_song {
    color: #fff;
    font-size: 16px;
}
.toplist__songlist {
    position: absolute;
    top: 282px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
    white-space: nowrap;
}
.toplist__song {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}
.toplist__number {
    position: absolute;
    top: 0;
    left: 0;
}
.toplist__songname {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}
.toplist__artist{
    font-size: 13px;
    opacity: .5;
    filter: alpha(opacity=50);
    overflow: hidden;
    text-overflow: ellipsis;
}
.toplist__item:hover .toplist__bg{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
.mod_cover__icon_play {
    position: absolute;
    left: 50%;
    top: 38%;
    margin: -35px;
    width: 70px;
    height: 70px;
    zoom: 1;
    background: url(../images/rank/cover_play.png) no-repeat;
    opacity: 0;
    cursor: pointer;
    transition:All 0.5s ease-in-out;
    -webkit-transition:All 0.5s ease-in-out;
    -moz-transition:All 0.5s ease-in-out;
    -o-transition:All 0.5s ease-in-out;
    transform:scale(0.7);
    -webkit-transform:scale(0.7);
    -moz-transform:scale(0.7);
    -o-transform:scale(0.7);
    -ms-transform:scale(0.7);
}
.toplist__item:hover .toplist__line{
    opacity: 0;
}
.toplist__item:hover .mod_cover__icon_play{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    opacity: 0.9;
}
/*排行榜结束*/


/*MV直播开始*/

.mod_index--mv {
    background-color: #e6e6e6;
}
.mod_index--mv .section_inner {
    height: 860px;
    z-index: 2;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.index__hd {
    position: relative;
    width: 490px;
    height: 48px;
    padding-top: 80px;
    margin: 0 auto 50px;
}
.index__tit {
    font-weight: 400;
    text-align: center;
}
.mod_index--mv .index__tit_sprite {
    width: 171px;
    background-position: 0 -180px;
    display: block;
    margin: 0 auto;
    height: 48px;
    background-image: url(../images/mv/index_tit.png);
}
.icon_txt {
    font: 0/0 a;
}
.index__line--left {
    left: 0;
}
.index__line--right {
    right: 0;
}
.index__line {
    position: absolute;
    top: 104px;
    width: 72px;
    height: 1px;
    opacity: .1;
    filter: alpha(opacity=10);
    background-color: #000;
}
.icon_index_arrow {
    display: inline-block;
    width: 7px;
    height: 12px;
    background-image: url(../images/mv/icon_sprite.png);
    background-position: -120px -40px;
    margin-left: 6px;
}
.index__more:hover {
    color: #31c27c;
}
.index__more:hover .icon_index_arrow {
    background-position: -120px -60px;
}

.mod_index--mv .index__more {
    top: 181px;
    position: absolute;
    right: 0;
}
.mod_index_tab {
    height: 50px;
    text-align: center;
    font-size: 0;
}
.index_tab__item {
    display: inline-block;
    font-size: 16px;
    margin: 0 35px;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}
.index_tab__item--current, .index_tab__item:hover {
    color: #fff;
    opacity: 1;
    filter: none;
}
.mod_index--mv .index_tab__item, .mod_index--mv .index_tab__item--current, .mod_index--mv .index_tab__item:hover {
    color: #353535;
}

.mv_list__item_box, .mv_list__list {
    margin-right: 0;
}

.mv_list__item {
    height: 304px;
    padding-bottom: 0;
    text-align: center;
    float: left;
    width: 25%;
    overflow: hidden;
}
.mv_list__cover {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 56.5476%;
    margin-bottom: 34px;
}
.mv_list__title {
    font-size: 16px;
    text-align: center;
    margin-left: 18px;
    margin-right: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}
.mv_list__item a:hover {
    color: #31c27c;
    text-decoration: none;
}
.mv_list__desc, .mv_list__info, .mv_list__singer, .mv_list__singer a {
    color: #999;
}
.mv_list__singer {
    height: 24px;
}
.mv_list__info {
    line-height: 18px;
    height: 20px;
}
.mv_list__listen {
    margin-right: 10px;
}
.mv_list__listen_icon {
    display: inline-block;
    width: 19px;
    height: 12px;
    background-image: url(../images/mv/icon_sprite.png);
    background-position: -180px -20px;
    margin-right: 5px;
    vertical-align: -1px;
}
.mv_list__pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform .75s;
}
.mod_cover__icon_play {
    background-image: url(../images/mv/cover_play.png);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px;
    width: 70px;
    height: 70px;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(.7);
    -webkit-transition-property: opacity,-webkit-transform;
    -webkit-transition-duration: .5s;
    transform: scale(.7);
    transition-property: opacity,transform;
    transition-duration: .5s;
    zoom: 1;
}
.mod_cover .mod_cover__icon_play:hover {
    opacity: 1;
    filter: none;
}
.mv_list__cover:hover .mv_list__pic {
    transform: scale(1.07);
    transition: transform .75s cubic-bezier(0,1,.75,1);
}
.mv_list__cover:hover .mod_cover__icon_play{
    opacity: 1;
    filter: none;
    transform: scale(1);
    transition-property: opacity,transform;
    transition-duration: .5s;
    cursor: pointer;
    opacity: .9;
}
/*MV直播结束*/
/*热门歌单开始*/
.mod_index--hot{
    height: 758px;
    width:100%;
}
.hotbg{
    width:193px;
    background-position: 0 -60px;
}
.goo{
    padding: 0px;
}
.ybhot{
    margin: 0 auto;
    width:1200px;
    height:465px;
    position: relative;
}
.ybmsg>li{
    width:1200px;
    height:465px;
    position: absolute;
    left:0px;
    top:0px;
}
.ybin{
    width:1200px;
    height:465px;
}
.ybin li{
    width:300px;
    height:465px;
    float: left;
}
.yb-bt{
    width:300px;
    height:45px;
    padding: 60px 0;
    background: #333333;
}

.yb-bt:hover{
    background-color: #31c27c;
}
.yb-bt-msg{
    color: white;
    font-size: 16px;
    text-align: center;
}
.yb-bf{
    text-align: center;
    color: #999;
    font-size: 16px;
    padding: 3px 0px;
}
.yb-bt:hover .yb-bf{
     color: #c1e9d5;
}
.yb-pic{
    position: relative;
    overflow: hidden;
}
.yb-pic img{
    transition: all 1s;
}
.yb-madol{
    position: absolute;
    left:0px;
    top:0px;
    width:300px;
    height:300px;
    background: rgba(0,0,0,.2);
    display: none;
}
.yb-play{
    background: url('../images/hot/cover_play.png') no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px;
    width: 70px;
    height: 70px;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(.7);
    -webkit-transition-property: opacity,-webkit-transform;
    -webkit-transition-duration: .5s;
    transform: scale(.7);
    transition-property: opacity,transform;
    transition-duration: .5s;
    zoom: 1;
}
.yb-pic:hover .yb-madol{
    display: block;
}
.yb-pic:hover .yb-play{
    opacity: 1;
    filter: none;
    transform: scale(1);
}
.yb-pic:hover img{
    transform: scale(1.1);
    
}
.hotbtn{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 60px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	color: white;
	text-align: center;
    background: rgba(153,153,153,.4);
	cursor: pointer;
    z-index: 3;
    display: none;
}
.hotleft{
    left:0;
}
.hotright{
	right: 0;
}
.hotbtn:hover{
	background: rgba(0,255,0,.8);
}
.yb-bot{
    margin: 20px auto 0;
    width: 200px;
    height: 20px;
}
.yb-bot li{
    float:left;
    width:30px;
    height:1px;
    background: #ccc;
    margin-right: 5px;
}
.yb-bot li.live{
    background: #000;
}
.ybmsgli{
    opacity: 0;
    transition: all .5s;
}
.ybmsgli.live{
    opacity: 1;
    z-index: 2;
}
/*热门歌单结束*/
/*轮播*/
			.mod_index--new {
				height: 734px;
				background: #000 url(../images/public/bg_index_new.jpg) 50% 0 repeat-x;
			}
			
			.mod_index {
				position: relative;
			}
			
			.mod_index .section_inner {
				z-index: 2;
				overflow: hidden;
			}
			
			.section_inner {
				max-width: 1200px;
				margin: 0 auto;
				position: relative;
			}
			
			.mod_index--new .index__hd {
				padding-top: 80px;
				margin-bottom: 43px;
			}
			
			.index__hd {
				position: relative;
				width: 490px;
				height: 48px;
				padding-top: 80px;
				margin: 0 auto 50px;
			}
			
			.index__tit {
				font-weight: 400;
				text-align: center;
			}
			
			.mod_index--new .index__tit_sprite {
				width: 193px;
				background-position: 0 0;
			}
			
			.index__tit_sprite {
				display: block;
				margin: 0 auto;
				height: 48px;
				background-image: url(../images/mv/index_tit.png);
			}
			
			.icon_txt {
				font: 0/0 a;
			}
			
			.mod_index--new .index__line {
				top: 104px;
			}
			
			.mod_index--new .index__line,
			.mod_index--top .index__line {
				background-color: #fff;
			}
			
			.index__line--left {
				left: 0;
			}
			
			.index__line--right {
				right: 0;
			}
			
			.index__line {
				position: absolute;
				width: 72px;
				height: 1px;
				opacity: .1;
			}
			
			.index__more--white {
				font-size: 15px;
				color: #fff;
			}
			
			.index__more {
				position: absolute;
				right: 0;
				top: initial;
			}
			
			.index__more--white .icon_index_arrow {
				background-position: -40px -260px;
			}
			
			.icon_index_arrow {
				display: inline-block;
				width: 7px;
				height: 12px;
				background-image: url(../images/mv/icon_sprite.png);
				margin-left: 6px;
			}
			.mod_index_tab {
    height: 50px;
    text-align: center;
    font-size: 0;
}
.index_tab__item--current, .index_tab__item:hover {
    color: #fff;
    opacity: 1!important;
    filter: none;
}
.index__more:hover {
    color: #31c27c;
}
.index_tab__item {
    display: inline-block;
    font-size: 16px;
    margin: 0 35px;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}
.mod_playlist {
    text-align: center;
}
.mod_slide {
    overflow: hidden;
    margin-bottom: 25px;
}
.mod_playlist .playlist__item_box, .mod_playlist .playlist__list {
    margin-right: 0;
}
.slide__list {
    position: relative;
    font-size: 0;
    width: 625%;
}
.mod_playlist .playlist__item {
    width: 300px;
    background: rgba(0,0,0,.8);
    font-size: 16px;
    padding-bottom: 0;
}
.mod_playlist .playlist__item {
    float: left;
    /*width: 20%;
    padding-bottom: 44px;*/
    overflow: hidden;
}
.slide__item {
    display: inline-block;
    /*width: 4%;*/
}
li{
	list-style: none;
}
.mod_playlist .playlist__item_box {
    height: auto;
}
.mod_playlist .playlist__item_box {
    position: relative;
    /*margin-right: 20px;*/
}
.mod_index--new .playlist__cover {
    margin-bottom: 32px;
}
.mod_playlist .playlist__cover {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 100%;
    /*margin-bottom: 15px;*/
}
.mod_playlist .playlist__pic {
    height: 100%;
    object-fit: cover;
}
.mod_playlist .playlist__pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: scale(1) translateZ(0);
    transition: transform .75s;
}
.mod_cover__mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .5s;
}
.mod_cover .mod_cover__icon_play:hover, .mod_cover__icon_play {
    background-image: url(../images/mv/cover_play.png);
}
.mod_cover__icon_play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px;
    width: 70px;
    height: 70px;
    opacity: 0;
    transform: scale(.7);
    transition-property: opacity,transform;
    transition-duration: .5s;
    zoom: 1;
}
.mod_playlist .playlist__title {
    display: inline-block;
    position: relative;
    max-width: 75%;
    padding: 0 26px;
    height: 22px;
    margin-bottom: 0;
}
.mod_playlist .playlist__title {
    overflow: hidden;
}
.mod_playlist .playlist__title_txt, .mod_playlist .playlist__title_txt a {
    color: #fff;
}
.mod_playlist .playlist__title_txt {
    float: none;
    display: inline-block;
}
.mod_playlist .playlist__title_txt {
/*    float: left;*/
    max-width: 100%;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}
.mod_playlist .btn_operate_menu {
    bottom: 23px;
}
.btn_operate_menu {
    top: 2px;
}
.btn_operate_menu {
    display: inline-block;
    background-position: -180px -100px;
}
.btn_operate_menu {
    right: 0;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .3s;
}
.btn_operate_menu {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../images/mv/icon_sprite.png);
    background-position: -80px -40px;
}
.mod_index--new .playlist__author, .mod_index--new .playlist__other {
    margin-bottom: 32px;
}
.mod_playlist .playlist__author, .mod_playlist .playlist__other {
    line-height: 18px;
    /*margin-bottom: 57px;*/
}
.mod_playlist .playlist__author, .mod_playlist .playlist__author a, .mod_playlist .playlist__other {
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
}
.mod_playlist .playlist__item--current .btn_operate_menu, .mod_playlist .playlist__item:hover .btn_operate_menu {
    opacity: 1;
    transition-duration: .3s;
}
.mod_playlist .playlist__item--current .btn_operate_menu, .mod_playlist .playlist__item:hover{
	background: #31c27c;
}
.mod_playlist .playlist__item--current .btn_operate_menu, .mod_playlist .playlist__item:hover .js_singer{
	color: #c1e9d5;
}

.mod_cover:hover .mod_cover__icon_play {
    opacity: .9;
    transform: scale(1);
    transition-property: opacity,transform;
    transition-duration: .5s;
    cursor: pointer;
}
.mod_playlist .playlist__cover:hover .playlist__pic {
    transform: scale(1.07) translateZ(0);
    transition: transform .75s cubic-bezier(0,1,.75,1);
}
.mod_slide:after {
    content: "";
    display: block;
    clear: both;
}
.mod_index--new .mod_slide_switch {
    bottom: 24px;
}
.mod_slide_switch {
    width: 100%;
    text-align: center;
    font-size: 0;
}
.slide_switch__item {
    display: inline-block;
    width: 30px;
    height: 2px;
    padding: 10px 0;
    margin: 0 5px;
}
.slide_switch__item--current .slide_switch__bg, .slide_switch__item:hover .slide_switch__bg {
    filter: none;
    background-color: #fff;
}
.slide_switch__bg {
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,.3);
}
.main::after, .section_inner::after {
    content: "";
    display: block;
    clear: both;
}
.mod_slide_action {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slide_action--left, .slide_action__btn--left {
    left: 0;
}
.slide_action {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}
.slide_action__btn--left {
    transform: translateX(-100%);
}
.slide_action__btn {
    position: absolute;
    top: 50%;
    margin-top: -54px;
    width: 72px;
    height: 108px;
    background: rgba(153,153,153,.4);
    opacity: 0;
    transition-property: opacity,transform;
    transition-duration: .5s;
    z-index: 2;
}
.slide_action__arrow--left {
    left: 28px;
    background-position: -180px 0;
}
.slide_action__arrow {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    background-image: url(../images/mv/icon_sprite.png);
    width: 11px;
    height: 18px;
}
.slide_action--right, .slide_action__btn--right {
    right: 0;
}
.slide_action__arrow--right {
    right: 28px;
    background-position: -160px 0;
}
.slide_action__arrow {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    background-image: url(../images/mv/icon_sprite.png);
    width: 11px;
    height: 18px;
}
.slide_action:hover .slide_action__btn {
    width: 80px;
    filter: none;
    background: #31c27c;
    transition-property: background,width;
    transition-duration: .5s;
}
.mod_slide_box:hover .slide_action__btn {
    opacity: 1;
    transform: translateX(0);
}
#jbmao{
    padding: 0px;
}
.jbc{
    top:38%;
}
.gjb{
    color: white;
}

/*轮播结束*/
